<template>
    <div class="box" :class="{show:showBox}" @click="changeStatus()">111122</div>
</template>

<script>
	
	export default{
		data(){
			return {
				showBox:false
			}
		},
		components:{

		},
		computed:{

		},
		props:[],
		methods:{
			changeStatus(){
                if(this.showBox == false){
                    this.showBox = true
                }else{
                    this.showBox = false
                }
                
            }
		},

	}
</script>

<style>
    .box{
        width:100%;
        height:200px;
        background:yellow;
    }
    .show{
        background:black;   
    }
</style>